<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF3003.html" var="resultadoApertura"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>
<%--
   
    * Sistema                                       : Hermetic
    * M?dulo                                        : Reportes/Resultados de apertura
    * Versi?n                                       : 1.0
    * Creado por                                    : Americo Martinez         
    * Fecha de creaci?n                             : 01/03/2008      
    * Modificado por                                : Oliver Palacios
    * Fecha de ?ltima modificaci?n                  : 05/11/2008
    * Detalles                                      : Esta p?gina permite consultar el resultado de la apertura de envases por comprobante, 
                                                      para una cuenta determinada 
    * Copyright                                     : Hermes transportes blindados
       
--%>
    <script type="text/javascript">
    
   $(document).ready(function(){ 
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();
        //habilitar y deshabilitar el boton Matriz
        $("#cuenta").change(function(){ 
            $("#message").html("");
            $.getJSON("<c:url value='selecCuenta.html'/>", {accion : "getListTipUnidMone", cuenta: $("#cuenta").val() },function(listTipUnidMone){
                var options = '<option value="">'+'</'+'option>';
                for (var i = 0; i < listTipUnidMone.length; i++) {                    
                    options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
                }
                $("#tipoUnidMone").html(options);
                $('#tipoUnidMone option:first').attr('selected', 'selected');
                if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
            });
            if($("#cuenta").val()==2 ) $("#opener_cuenta").show();else $("#opener_cuenta").hide(); 
        });                          
        if($("#cuenta").val()==2)$("#opener_cuenta").show();else $("#opener_cuenta").hide();         
        
        //habilitar y deshabilitar el boton Punto
        $("#tipoUnidMone").change( function(){ $("#message").html("");if(  $("#tipoUnidMone").val()!="" ) $("#opener_um").show(); else $("#opener_um").hide(); } );                        
        if($("#tipoUnidMone").val()!="")$("#opener_um").show();else $("#opener_um").hide(); 
        
        //habilitar y deshabilitar el boton Punto
        $("#punto").change( function(){ $("#message_matriz").html("");$("#message_punto").html("");if(  $("#punto").val()==1 ) $("#opener_punto").show(); else $("#opener_punto").hide(); } );                        
        if($("#punto").val()==1)$("#opener_punto").show();else $("#opener_punto").hide();
        
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        $("#opener_cuenta").click(openWinCuenta);
        $("#opener_um").click(openWinUM);
        $("#opener_punto").click(openWinPunto);
        
    });    
    
    function openWinCuenta(){        
        childWindow=window.showModalDialog('<c:url value="selecCuenta.html" />','selecCuenta',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");
        if (childWindow) {
            var listTipUnidMone = childWindow.listTipUnidMone;
            var options = '<option value="">'+'</'+'option>';
            for (var i = 0; i < listTipUnidMone.length; i++) {                    
                options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
            }
            $("#tipoUnidMone").html(options);
            $('#tipoUnidMone option:first').attr('selected', 'selected');
            if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
        }
    }   

    function openWinUM(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecUnidMone.html" />&tipoUnidMone='+ document.forms[0].tipoUnidMone.value+'&cuenta='+$("#cuenta").val(),'selecUM',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");        
    } 
    
    function openWinPunto(){
        $("#message_matriz").html("");$("#message_punto").html("");
        var codMatriz;
        if($("#codMatriz").val())
            codMatriz = $("#codMatriz").val()
        else
            codMatriz = "0"; 
        $.getJSON("<c:url value='seleccionarMatriz.html'/>",{accion:"hasMatrices",codMatriz:codMatriz},function(hasMatrices){
            if(!hasMatrices)
                alert("Ingrese al menos una Matriz");
            else{
                childWindowPunto=window.showModalDialog('<c:url value="selecPunto.html" />&codMatriz='+ codMatriz+'&tipoPunt='+0,'selecPunto',"dialogWidth:680px;dialogHeight:420px");                
            }
        });        
    }    
    
    /*
    function openWinCuenta(){
        childWindow=open('<c:url value="selecCuenta.html" />','selecCuenta');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }    

    function openWinUM(){
        childWindow=open('<c:url value="selecUnidMone.html" />','selecUM');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }        
    */
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }     
    
    function openwin2(url,winheight,winwidth)
        {
        //Default sizes for window
        var frm = document.forms[0];
        if( frm.cuenta.value == "" ) {    
        alert("Seleccione la Cuenta");
        frm.cuenta.focus();
        return false;
        }  
        if( frm.modulo.value == "" ) {    
        alert("Seleccione la unidad Monetaria");
        frm.modulo.focus();
        return false;
        }  
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if(!checkDate(document.forms[0].fechadesde)) return false;
        var xx, yy;
            xx = 90;
            yy = 90;
        es = 1;
        if (winwidth==null) winwidth='450';
                    if (winheight==null) winheight='920';
        popupwin = window.open('about:blank', 'window1', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight+ ', top=' + yy + ', left=' + xx);
        popupwin.resizeTo(winwidth, winheight);
        var fechadesde= document.forms[0].fechadesde.value;
        var s_cod_clie= document.forms[0].cliente.value;
        var cuenta= document.forms[0].cuenta.value;
        var modulo= document.forms[0].modulo.value;
        var formulario='HMR4010';
        var sucursal= document.forms[0].sucursal.value;
        var action = 'reporteHMR3003.jsp?fechadesde='+fechadesde+'&s_cod_clie='+s_cod_clie+'&cuenta='+cuenta+'&modulo='+modulo+'&formulario='+formulario+'&sucursal='+sucursal;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
        }
    
    
    function openwin(url,winheight,winwidth)
    {
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarReporte';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR4010a3';
        document.forms[0].opcion.value = '3';
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }
    
    function openActa(idCmpb, winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarActa';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR3003a';        
        document.forms[0].idCmpb.value = idCmpb;
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }    
    </script>
    <script type="text/javascript">
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    function abrir() {        
       if (document.forms[0].cuenta.value== "0") {
        alert("Seleccione la Cuenta");
        document.forms[0].cuenta.focus();
        return false;
      }
    
      if (document.forms[0].tipoUnidMone.value== "") {
        alert("Seleccione la Unidad Monetaria");
        document.forms[0].tipoUnidMone.focus();
        return false;
      }
      if (document.forms[0].fechadesde.value== "") {
        alert("Ingrese la Fecha");
        document.forms[0].fechadesde.focus();
        return false;
      }
    
    if(!checkDate(document.forms[0].fechadesde)) return false;

    //alert("Despues del formato fecha");
    
    if(validaFechaMayorHoy(document.forms[0].fechadesde.value)==false){
       document.forms[0].fechadesde.focus();
       return false
    } 
    
    if(validaRangoFechas(document.forms[0].fechadesde.value, 
                         document.forms[0].fechahasta.value)==false){
       $("#fechahasta").focus();
       return false
    }  
    
    //activar el div procesando con javascript
    show_loading();
    setTimeout('show_loading();', 1000);
    cursor_wait() ;
       //////  
    moveForward('mostrar');

      return true;
      }
      
    </script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${resultadoApertura}">
<form:hidden path="accion"/>
<form:hidden path = "control"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="fecha"/>
<form:hidden path="formulario"/>
<form:hidden path="opcion" />
<form:hidden path="codSeriCmpb"/>
<form:hidden path="tipDocuCmpb"/>
<form:hidden path="numCmpb" />
<form:hidden path="idCmpb" />

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>RESULTADO DE APERTURA</li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                width="670">
                <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->
          <c:if test="${not empty listaClientes}">
            <tr>
                <td width="60" height="23" align="left" valign="top" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td width="670">
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="cli_grupo">                        
                            <form:option value=""></form:option>
                            <form:options items="${listaClientes}"
                                          itemValue="codCliente"
                                          itemLabel="nombre"/>
                </form:select> 
                </td>
            </tr>
          </c:if>

          <tr>
            <td width="60" height="27" align="left" valign="bottom" class="verdana10bazul">Cuenta</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="670">
                
             <table border="0">
             <tr>
                <td>
                <div class="fondo_txtbox90">                
                <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                             path="cuenta" tabindex="1">
                          <form:option value="0">&nbsp;</form:option>
                          <form:option value="1">TODOS</form:option>
                          <form:option value="2">ALGUNOS</form:option>
                </form:select>                     
                </div>
                </td>
                <td>
                <a href="#" id="opener_cuenta"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>                
                </td> 
            </table>
            </td> 
            
            <td width="60" height="27" align="left" valign="bottom" class="verdana10bazul">Punto</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="670">                
             <table border="0">
             <tr>
                <td>
                     <form:select path="punto" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 130px; font-family: Arial; font-size: 8pt">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                     </form:select>
                    <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                    <span id="message_punto" style="color:red;"><c:out value="${message_punto}"/></span>
                </td>
                <td>                              
                </td> 
            </table>
            </td>            
          </tr>
          
          <tr>
            <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">U. M.</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="670">
            
            <table border="0">
             <tr>
                <td>                
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoUnidMone" tabindex="2">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
            </td>
            <td style="color:red;">
                <a href="#" id="opener_um"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                <span id="message"><c:out value="${message}"/></span>
            </td>
            </table>            
            </td>
            
           <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">Tipo de Operaciones</td>
            <td height="34" align="left" valign="bottom" width="180">
            
            <table border="0">
             <tr>
                <td>                
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoOper" tabindex="4">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${form.listTipoOper}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
            </td>
            <td style="color:red;">                
            </td>
            </table>            
            </td>            
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="60">Fecha Contable </td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="670" colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechadesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="padright10" width="64" align="center">&nbsp;&nbsp;al&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechahasta" maxlength="10" size="12" readonly="false"/>
                   </div></td>                                                    
                   
                  <td class="padright10" width="64">&nbsp;&nbsp;Hora:&nbsp;&nbsp; </td>
                  <td width="60" align="right" valign="middle">
                  <div class="fondo_txtbox65">
                    <form:input path="hora" maxlength="9" size="9" readonly="true"/></div></td>
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:abrir()"/></td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
          </tr>    
      </table>
            
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20" >
        <tr >
          <td width="100%">
          <c:if test="${not empty listaResultadoApertuConso}">
              <display:table id="lista" name="listaResultadoApertuConso" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "true"                            
                             requestURI="${resultadoApertura}"
                             class="its7">
               <tbody>
                <display:column property="codSeriCmpb"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numCmpb"
                                headerClass="even" class="cellderecha "
                                title="C/S"/>
                <display:column property="punto"
                                headerClass="even" class="even "
                                title="Remitente"
                                style="width:300px;text-align:left;"/>
                <display:column property="total2"
                                headerClass="even" class="cellderecha "
                                title="Dice Contener"/>                
                <display:column property="valor2"
                                headerClass="even" class="cellderecha "
                                title="Contiene"/>
                <display:column property="diferencia"
                                headerClass="even" class="cellderecha "
                                title="Diferencia" 
                                style="width:60px;text-align:rigth;"/>
                <display:column property="estado"
                                headerClass="even" class="cellcenter "
                                title="Estado"/>
                <c:if test="${form.paramConfig}">
                <display:column property="fecProc"
                                headerClass="even" class="cellcenter "
                                title="Fecha Operacion"/>                                
                <display:column property="fecProcAper"
                                headerClass="even" class="cellcenter "
                                title="Fecha Contable"/>
                </c:if>
                <display:column headerClass="even" media="html" class="cellcenter "
                                title="Acta">
                                <c:if test="${not empty lista.desActa}">
                                <a href="javascript:openActa('${lista.codSeriCmpb}-${lista.tipDocuCmpb}-${lista.numCmpb}',450,920)">Acta</a>
                                </c:if>
                                </display:column>
               </tbody>
              </display:table>
          </c:if>               
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>      
      
        
        
        <c:if test="${not empty listaResultadoApertuConso}">        
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="its7">
        <tbody>
        <tr class="even2">
            <td width="53%">&nbsp;Totales</td>
            <td width="11%">
                <c:if test="${not empty totalEfectivo}">
                    <c:out value="${totalEfectivo}"/>
                </c:if>
            </td>
            <td width="11%">            
                <c:if test="${not empty ld_apertura}">
                    <c:out value="${ld_apertura}"/>
                </c:if>
            </td>
            <td width="11%">
                <c:if test="${not empty ld_diferencia}">
                    <c:out value="${ld_diferencia}"/>
                </c:if>            
            </td>
            <td width="40%">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </td>
        </tr>
        </tbody>
        </table>
        </c:if>
        </td>
        </tr>
      </table>

     <c:if test="${not empty listaResultadoApertuConso}">      
	  <div class="margintop31">
            <input type="button" value="Generar Reporte" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
	  </div>
     </c:if>            

	  </td>
  </tr>
</table>
</form:form> 
